<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
     ul li{
	   list-style:none;
	   width:200px;
	   height:30px;
	   line-height:30px;
	   margin:1px;
	   text-align:center;
	   background-color:rgb(0,255,219);
	 }
	 ul li a{
	   display:block;
	   text-decoration:none;
	   font-size:14px;
	   color:blue;
	   border-left:solid 5px yellow;
	 }
	 ul li a:hover{
	   color:red;
	   background-color:yellow;
	   border-left:blue;
	   border-left:solid 5px green;
	 }
  </style>
 </head>
 <body>
    <ul>
	  <li><a href="#">软件工程16201</a></li>
	  <li><a href="#">软件工程16202</a></li>
	  <li><a href="#">软件工程16203</a></li>
	  <li><a href="#">软件工程16204</a></li>
	  <li><a href="#">软件工程16205</a></li>
	  <li><a href="#">软件工程16206</a></li>
	  <li><a href="#">软件工程16207</a></li>
	</ul>
 </body>
</html>
